<link type="text/css" href="thirdparty/jquery/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />	
<script src="thirdparty/jquery/js/jquery-1.6.2.min.js"></script>
<script src="thirdparty/jquery/js/jquery-ui-1.8.16.custom.min.js"></script>
<style>
    #toolbar-menu, #toolbar-options{
        position: fixed;
        top: 0;
        padding: 10px 4px;
    }
    
    #toolbar-menu{
        left: 1px;
    }
    
    #toolbar-options{
        right: 1px;
    }
    
    #reveal{
        display:none;
    }
    
    #toolbar-menu .noDisplay{
        disply:block;
    }
    
</style>
<script>
function kseAJAX(url){
    $.ajax({
        url: url,
        success: function(data) {
            window.setTimeout('location.reload()', 500);    
        }
    });
}

$(document).ready(function(){
    $( "#content" ).button();

    $("#hide").button({
        icons: {
            primary: "ui-icon-triangle-1-n"
        },
        text: false
    }).click(function(){
        $("#hide").css("display", "none");
        $("#reveal").css("display", "inline");
        $("#toolbar-menu").hide("slide");
    });

    $("#reveal").button({
        icons: {
            primary: "ui-icon-triangle-1-s"
        },
        text: false
    }).click(function(){
        $("#reveal").css("display", "none");
        $("#hide").css("display", "inline");
        $("#toolbar-menu").show("slide");
    });

    $("#logout").button().click(function(){
        kseAJAX("logout/");
    });

});
</script>
<ul id="toolbar-menu" class="ui-widget-header ui-corner-all">
    <li><button id="content"><?php echo d_content ?></button></li>
    <?php Core::kseGetModulesFramework() ?>
</ul>
<ul id="toolbar-options" class="ui-widget-header ui-corner-all">
    <li><button id="hide">Hide Menu</button></li>
    <li><button id="reveal">Reveal Menu</button></li>
    <li><button id="logout"><?php echo d_logout ?></button></li>
</ul>